<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0 ,maximum-scale=1,user-scalable=no">
    <link rel="stylesheet" href="../../../../../../../../bohoon.cn/bohoon-main/src/main/resources/static/jquery-we/jquery-weui.min.css">
    <link rel="stylesheet" href="../../../../../../../../bohoon.cn/bohoon-main/src/main/resources/static/jquery-we/weui.min.css">
    <link rel="stylesheet" href="../../../../../../../../bohoon.cn/bohoon-main/src/main/resources/static/assets/css/common.css">
    <link rel="stylesheet" href="../../../../../../../../bohoon.cn/bohoon-main/src/main/resources/static/assets/css/ranking.css">
    <script src="../../../../../../../../bohoon.cn/bohoon-main/src/main/resources/static/assets/plugins/fancybox/lib/jquery-1.10.1.min.js"></script>
    <script src="../../../../../../../../bohoon.cn/bohoon-main/src/main/resources/static/jquery-we/jquery-weui.min.js"></script>
</head>
<body class="view-container">
<div class="header bar-positive">
    <a href="javascript:;" class="left"><img src="../../../../../../../../bohoon.cn/bohoon-main/src/main/resources/static/assets/images/blockr.png"/></a>
    <h1>商品订货排行</h1>
</div>
<div class="contanen ranking">
    <div class="weui-flex">
        <a href="">上个月</a>
        <div class="weui-flex__item">
            <span class="calendar"></span>
            <input type="text" id="on-data" placeholder="2018-05-21"/>
            <span>至</span>
            <input type="text" id="on-data1" placeholder="2018-05-21"/>
        </div>
        <a href="">
            下个月
        </a>
    </div>
    <div class="weui-cells newcell rankings">
        <div class="weui-cell">
            <div class="weui-cell__hd"><img src="../../../../../../../../bohoon.cn/bohoon-main/src/main/resources/static/assets/images/icon1.png"/></div>
            <div class="weui-cell__bd">
                <h2>爱普身体黑白无线打印机墨仓式A4无线家用办公打印机...</h2>
                <p>147.526.12</p>
                <div class="weui-progress">
                    <div class="weui-progress__bar">
                        <div class="weui-progress__inner-bar js_progress" style="width: 30%;">
                            <span>30.20%</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="weui-cell">
            <div class="weui-cell__hd">
                <img src="../../../../../../../../bohoon.cn/bohoon-main/src/main/resources/static/assets/images/icon2.png"/></div>
            <div class="weui-cell__bd">
                <h2>爱普身体黑白无线打印机墨仓式A4无线家用办公打印机...</h2>
                <p>147.526.12</p>
                <div class="weui-progress">
                    <div class="weui-progress__bar">
                        <div class="weui-progress__inner-bar js_progress" style="width: 40%;">
                            <span>40.00%</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="weui-cell">
            <div class="weui-cell__hd">
                <img src="../../../../../../../../bohoon.cn/bohoon-main/src/main/resources/static/assets/images/icon3.png"/></div>
            <div class="weui-cell__bd">
                <h2>爱普身体黑白无线打印机墨仓式A4无线家用办公打印机...</h2>
                <p>147.526.12</p>
                <div class="weui-progress">
                    <div class="weui-progress__bar">
                        <div class="weui-progress__inner-bar js_progress" style="width: 50%;">
                            <span>50.00%</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="weui-cell">
            <div class="weui-cell__hd">
                <img src="../../../../../../../../bohoon.cn/bohoon-main/src/main/resources/static/assets/images/icon4.png"/></div>
            <div class="weui-cell__bd">
                <h2>爱普身体黑白无线打印机墨仓式A4无线家用办公打印机...</h2>
                <p>147.526.12</p>
                <div class="weui-progress">
                    <div class="weui-progress__bar">
                        <div class="weui-progress__inner-bar js_progress" style="width: 60%;">
                            <span>60.00%</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
<script>
    $("#on-data").calendar({dateFormat:"yyyy-mm-dd"});
    $("#on-data1").calendar({dateFormat:"yyyy-mm-dd"});
</script>
</html>